import Header from "../component/Header.jsx";
import Line from "../component/Line.jsx";
import { Flex, Typography } from "antd";
import imgSurvey from "../img/image 2 (1).svg";
import s from "../cssForPages/Survey.module.css";
import { Link } from "react-router-dom";
import { RUTUBE_PATH } from "../utils/navigation/paths.js";

export default function Survey() {
  return (
    <>
      <Header />
      <Line />
      <Flex vertical align={"center"}>
        <img src={imgSurvey} alt="" className={s.imageSurvey} />
        <Typography.Title
          style={{
            color: "white",
          }}
          className={s.textSurvey}
        >
          Вы уже прошли этот опрос
        </Typography.Title>
        <Typography.Text
          style={{
            color: "white",
            fontSize: "17px",
            width: "260px",
          }}
        >
          Спасибо, что делитесь мнением и помогаете нам быть лучше
        </Typography.Text>
        <Link to={RUTUBE_PATH}>
          <button className={s.btnSend}>Перейти на RUTUBE</button>
        </Link>
      </Flex>
    </>
  );
}
